<!DOCTYPE html>
<html lang="zh">
<head>
<title>系统退款单 | OMS</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT" />

<!-- 加载 bootstrap 样式-->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/font-awesome/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap/css/bootstrap.min.css" />

<!-- 加载本页需要的三方插件样式 -->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/jquery.dataTables.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/TableTools/css/dataTables.tableTools.min.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/dataTables.bootstrap.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-tablesorter/themes/blue/style-custom.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-bootstrap-wizard/custom.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/animate.css/animate.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/iCheck/skins/all.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-select/bootstrap-select.min.css">
<!-- 加载主题风格样式 -->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" class="default-style" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" id="theme-change"
    class="style-change color-change" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/style-responsive.css" />
<link type="text/css" rel="stylesheet" href="/css/tooltip.css" />
<style>
body {
    background-color: #FFF;
}
</style>
</head>
<body class="">
    <!--BEGIN CONTENT-->
    <div class="page-content">
    <div class="row">
                <div class="col-lg-2 col-xs-2 col-sm-2 col-md-2">
                    <h4>&nbsp;基本信息</h4>
                </div>
                <div class="col-lg-5 col-xs-5 col-sm-5 col-md-5">&nbsp;</div>
                <div class="col-lg-5 col-xs-5 col-sm-5 col-md-5">
                    &nbsp;
                </div>
            </div>
            <hr />
        <form role="form" class="form-horizontal" id="sysRefundForm"🆔>
            <div class="row">
                <div class="col-md-4 col-sm-12">
                    <div class="form-group">
                        <label class="col-md-3 control-label">来源单号</label>
                        <div class="col-md-9">
                            <input id="orderCode" name="orderCode" type="text" readonly="readonly" class="form-control">
                            <input id="refundId" name="refundId" type="hidden" readonly="readonly" class="form-control">
                            <input id="orderId" name="orderId" type="hidden" readonly="readonly" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">网店</label>
                        <div class="col-md-9">
                            <input id="shopName" name="shopName" type="text" readonly="readonly" class="form-control">
                            <input id="shopId" name="shopId" type="hidden">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">退款阶段</label>
                        <div class="col-md-9">
                            <select id="refundPhase" name="refundPhase" class="form-control">
                                <option value="onsale" selected>售中退款</option>
                                <option value="aftersale">售后退款</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">买家支付宝账号</label>
                        <div class="col-md-9">
                            <input type="text" id="alipayId" name="alipayId" class="form-control" maxlength="32">
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="form-group">
                        <label class="col-md-3 control-label">原单据编号</label>
                        <div class="col-md-9">
                            <input id="ecTradeCode" name="ecTradeCode" type="text" class="form-control" readonly="readonly">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">收货人手机</label>
                        <div class="col-md-9">
                            <input id="consMobile" name="consMobile" type="text" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">退款金额&nbsp;<span class="require">*</span></label>
                        <div class="col-md-9">
                            <input id="refundFee" name="refundFee" type="text" class="form-control text-right">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">退款原因类型&nbsp;<span class="require">*</span></label>
                        <div class="col-md-9">
                            <select id="refundReasonId" name="refundReasonId" class="form-control" required>
                                <option value="">请选择</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="form-group">
                        <label class="col-md-3 control-label">客户ID</label>
                        <div class="col-md-9">
                            <input id="buyerNick" name="buyerNick" type="text" disabled="disabled" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">退款方式&nbsp;<span class="require">*</span></label>
                        <div class="col-md-9">
                            <select class="form-control" id="refundType" name="refundType" required>
                                <option value="">请选择</option>
                                <option value="transfer">微信</option>
                                <option value="alipay">支付宝</option>
                                <option value="weChat">银行转账</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">退款渠道&nbsp;</label>
                        <div class="col-md-9">
                            <select class="form-control" id="refundChannel" name="refundChannel">
                                <option value="online" selected>线上</option>
                                <option value="offline">线下</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">是否退货&nbsp;<span class="require">*</span></label>
                        <div class="col-md-9">
                            <select id="hasGoodReturn" name="hasGoodReturn" class="form-control" required>
                                <option value="">请选择</option>
                                <option value="n">买家不退货</option>
                                <option value="y">买家需要退货</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        <label class="col-md-1 control-label">退款说明</label>
                        <div class="col-md-11">
                            <textarea rows="3" class="form-control" id="buyerRemark" name="buyerRemark" maxlength="250"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="row panel-body">
            <!--             <div class="col-md-1 col-sm-1"></div> -->
            <div class="row">
                <div class="col-lg-2 col-xs-2 col-sm-2 col-md-2">
                    <h4>&nbsp;商品信息</h4>
                </div>
                <div class="col-lg-5 col-xs-5 col-sm-5 col-md-5">&nbsp;</div>
                <div class="col-lg-5 col-xs-5 col-sm-5 col-md-5">
<!--                             <button id="orderGoodsAdd" type="button" class="btn btn-primary"> -->
<!--                                 <i class="fa fa-plus"></i>&nbsp;添加订单商品 -->
<!--                             </button> -->
<!--                             <button id="refundGoodsAdd" type="button" class="btn btn-primary"> -->
<!--                                 <i class="fa fa-plus"></i>&nbsp;添加退款单商品 -->
<!--                             </button> -->
                    <div class="input-group">
                        <input id="orderGoodsSelect" type="text" placeholder="选择并添加订单商品" class="form-control" oninput="inputSelect(this.value)" list="orderGoodsList"/> 
                        <input id="hidOrderGoodsSelect" type="hidden" class="form-control"/><span class="input-group-btn">
                            <button id="orderGoodsAdd" type="button" class="btn btn-primary">
                                <i class="fa fa-plus"></i>
                            </button>
                        </span>
                    </div>
                </div>
            </div>
            <hr />
            <div class="col-md-12 col-sm-12">
                <!--                 <ul id="myTab" class="nav nav-tabs ul-edit responsive"> -->
                <!--                     <li class="active"><a href="#giftMng" data-toggle="tab"><span class="fa fa-gift"></span>&nbsp;商品信息</a></li> -->
                <!--                 </ul> -->
                <div class="table-responsive">
                    <table id="sysRefundSkuTable" class="table table-hover table-striped table-bordered table-advanced tb-sticky-header"
                        cellspacing="0" style="width:100%;">
                        <thead>
                            <tr>
                                <th width="10%" colValue="goodsCode">商品商家编码</th>
                                <th width="10%" colValue="goodsName">商品名称</th>
                                <th width="5%" colValue="skuCode">规格商家编码</th>
                                <th width="20%" colValue="skuName">规格名称</th>
                                <th width="20%" colValue="ecItemName">平台商品名称</th>
                                
                                <th width="10%" colValue="ecItemCode">平台商品编码</th>
                                <th width="10%" colValue="ecSkuCode">平台规格编码</th>
                                <th width="10%" colValue="ecSkuName">平台规格名称</th>
                                <th width="10%" colValue="qty">订购数</th>
                                <th width="10%" colValue="factUnitPrice">实际单价</th>
                                
                                <th width="10%" colValue="actualAmount">实际金额</th>
                                <th width="10%" colValue="refundFee">退款金额</th>
                                <th width="10%" colValue="actualPayPrice">实际支付单价</th>
                                <th width="10%" colValue="divideOrderFee">实际支付金额</th>
                                <th width="10%" colValue="operation">操作</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    </div>
    
    <datalist id="orderGoodsList">
        
    </datalist>
    <!-- ====================================== 窗口区 ===================================== -->
    <div id="modalAddBillItem" shopid="" tabindex="-1" role="dialog" aria-labelledby="modal-header-primary-label" data-backdrop="static" aria-hidden="true" class="modal fade">
        <div class="modal-dialog " style="width: 90%;;height:95%;">
            <div class="modal-content">
                <div class="modal-header modal-header-primary">
                    <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                    <h4 id="modal-header-primary-label" class="modal-title" style="display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">添加订单商品</h4>
                </div>
                <div class="modal-body">
                    <div id="flat-skin" class="row skin skin-flat" style="overflow-x: scroll">
                        <div class="table-responsive">
                            <table id="addBillItemTable"
                                   class="table table-hover table-striped table-bordered table-advanced tb-sticky-header"
                                   cellspacing="0" style="width:100%;">
                                <thead>
                                <tr>
                                    <th width="1%" style="padding: 10px;"><input id="chkAllBill" name="chkAllBill" type="checkbox" colValue="chk" class="checkall" /></th>
                                    <th width="5%" colValue="skuSource">商品来源</th>
                                    <th width="2%" colValue="isGift">赠品标识</th>
                                    <th width="15%" colValue="goodsCode">商品商家编码</th>
                                    <th width="20%" colValue="goodsName">商品名称</th>
                                    <th width="15%" colValue="skuCode">规格商家编码</th>
                                    <th width="20%" colValue="skuName">规格名称</th>
                                    <th width="5%" colValue="qty">数量</th>
                                    <th width="5%" colValue="shipedQty">发货数量</th>
                                    <th width="5%" colValue="returnQty">退入数量</th>
                                    <th width="10%" colValue="factUnitPrice">实际单价</th>
                                    <th width="10%" colValue="factMoney">实际金额</th>
                                    <th width="20%" colValue="remark">备注</th>
                                    <!--<th width="10%" colValue="oid">平台OID</th> 隐藏-->
                                    <th width="10%" colValue="operation">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>                        
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="btnBillItemClose" type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                    <button id="btnBillItem" type="button" class="btn btn-primary">确定</button>
                </div>
            </div>
        </div>
    </div>
    
    <div id="modalAddNotBillItem" shopid="" tabindex="-1" role="dialog" aria-labelledby="modal-header-primary-label" data-backdrop="static" aria-hidden="true" class="modal fade">
        <div class="modal-dialog " style="width: 95%;height:95%;" >
            <div class="modal-content">
                <div class="modal-header modal-header-primary">
                    <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                    <h4 id="modal-header-primary-label" class="modal-title" style="display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">添加退款单商品</h4>
                </div>
                <div class="modal-body" style="width: 1250px;height:300px;overflow-y:auto; overflow-x:auto; ">
                    <div id="flat-skin" class="row skin skin-flat">
                        <div class="table-responsive">
                            <!-- 查询条件 -->
                            <form id="frmSelPrjSku" action="#" class="form-horizontal">
                                <div class="row">
                                    <div class="col-lg-5 col-xs-5 col-sm-5 col-md-5">
                                        <div class="form-group">
                                            <label for="skuGoodsCode" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">商品商家编码</label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <input id="skuGoodsCode" name="skuGoodsCode" type="text" placeholder="模糊查询" minlength="1" maxlength="100"
                                                    class="form-control" fieldtype="string" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 col-xs-7 col-sm-7 col-md-7">
                                        <div class="form-group">
                                            <label for="skuGoodsName" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">商品名称</label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <input id="skuGoodsName" name="skuGoodsName" type="text" placeholder="模糊查询" minlength="1" maxlength="100"
                                                    class="form-control" fieldtype="string" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-5 col-xs-5 col-sm-5 col-md-5">
                                        <div class="form-group">
                                            <label for="skuSkuCode" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">规格商家编码</label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <input id="skuSkuCode" name="skuSkuCode" type="text" placeholder="模糊查询" minlength="1" maxlength="100"
                                                    class="form-control" fieldtype="string" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-7 col-xs-7 col-sm-7 col-md-7">
                                        <div class="form-group">
                                            <label for="skuSkuName" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">规格名称</label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <input id="skuSkuName" name="skuSkuName" type="text" placeholder="模糊查询" minlength="1" maxlength="100"
                                                    class="form-control" fieldtype="string" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                    
                                <div class="row">
                                    <div class="col-sm-12 col-lg-12 col-xs-12 col-md-12 text-right">
                                        <button type="button" id="btnPrjSkuSearch" name="btnPrjSkuSearch" class="btn btn-primary">查询</button>
                                    </div>
                                </div>
                                <br>
                            </form>
                            <!-- 查询条件 -->
                    
                            <table id="addNotBillItemTable"
                                   class="table table-hover table-striped table-bordered table-advanced tb-sticky-header"
                                   cellspacing="0" style="width:100%;">
                                <thead>
                                <tr>
                                    <th width="1%" style="padding: 10px;"><input id="chkAllNotBill" name="chkAlNotlBill" type="checkbox" colValue="chk" class="checkall" /></th>
                                    <th width="15%" colValue="goodsCode">商品商家编码</th>
                                    <th width="15%" colValue="goodsName">商品名称</th>
                                    <th width="15%" colValue="skuCode">规格商家编码</th>
                                    <th width="15%" colValue="skuName">规格名称</th>
                                    <th width="5%" colValue="returnQty">退入数量</th>
                                    <th width="10%" colValue="operation">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>   
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="btnNotBillItemClose" type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                    <button id="btnNotBillItem" type="button" class="btn btn-primary">确定</button>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 导出文件 -->

    <!-- 加载 jquery js-->
    <script src="/Apollo/madmin/js/jquery-1.10.2.min.js"></script>
    <script src="/Apollo/madmin/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="/Apollo/madmin/js/jquery-ui.js"></script>

    <!-- 加载 bootstrap 和三方插件 js -->
    <script src="/Apollo/madmin/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>
    <script src="/Apollo/madmin/js/html5shiv.js"></script>
    <script src="/Apollo/madmin/js/respond.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-cookie/jquery.cookie.js"></script>
    <script src="/Apollo/madmin/vendors/iCheck/icheck.min.js"></script>
    <script src="/Apollo/madmin/vendors/iCheck/custom.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.js"></script>
    <script src="/Apollo/madmin/vendors/responsive-tabs/responsive-tabs.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/media/js/jquery.dataTables.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/media/js/dataTables.bootstrap.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-tablesorter/jquery.tablesorter.js"></script>
    <script src="/Apollo/madmin/js/table-advanced.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-validate/message_zh.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-inputmask/jquery.inputmask.bundle.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-maxlength.js"></script>

    <script src="/Apollo/madmin/vendors/select2/select2.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-select/bootstrap-select.min.js"></script>
    <script src="/Apollo/madmin/vendors/multi-select/js/jquery.multi-select.js"></script>

    <script src="sysRefundEdit.js"></script>
    <script src="/views/static/js/form.js"></script>
</body>
</html>